دوره اموزش فریم ورک بوت استرپ
( فیلم آموزشی ) ،توسط مهندس امیر تجاره
به کلیک سایت خوش اومدی ،
اینجا میتونی هر فیلم آموزشی که مد نظر داری رو پیدا کنی.
آموزش های کلیک سایت کاملا از صفر تا صد طراحی شده و تمامی آموزش ها به زبان فارسی و مناسب جهت ورود به بازار کار تولید شده.
پس از دیدن آموزش ها ، بدون تردید شما آماده ورود به بازار کار و کسب درآمد خواهید شد.
برای شروع ، ابتدا فیلم معرفی دوره رو مشاهده نمایید.
سپس میتوانید در ادامه همین صفحه ، سایر قسمت های این مجموعه را دانلود نمایید.
برای مشاهده فیلم با سرعت بالا ، از آی پی ایران استفاده نمایید.
معرفی سرفصل های این دوره:
سرفصل دوره آموزش فریم ورک بوت استرپ
فصل اول : معرفی بوت استرپ
طراحی واکنشگرا ( Responsive Design ) چیست ؟
با مفهوم طراحی واکنشگرا آشنا خواهید شد و تفاوت بین سایت واکنشگرا و سایت نسخه ی موبایل را درک خواهید کرد
درک می کنید که چرا به یک وبسایت واکنشگرا احتیاج داریم و با مزایای سایت واکنشگرا آشنا خواهید شد
با مفهوم فریم ورک و فریم ورک های واکنشگرای موجود آشنا می شوید
بوت استرپ چیست ؟
معرفی phpstorm برای کار با بوت استرپ و تنظیمات مورد نیاز
دانلود بوت استرپ
بوت استرپ RTL یا LTR ؟
راست چین کردن بوت استرپ LTR
cdn های بوت استرپ
متا تگ viewport و دلیل استفاده از آن
X-UA-Compatible و دلیل استفاده از آن
تنظیمات سند
فصل دوم : سیستم شبکه بندی
در این فصل با سیستم شبکه بندی و کلاس های شبکه بندی و به طور کل مفهوم شبکه بندی اشنا می شویم
معرفی cdn بوت استرپ
معرفی سیستم شبکه بندی
Media query چیست ؟
کلاس های شبکه بندی
تفاوت Fixed layout و Fluid layout
شبکه بندی stacked to horizontal
Equal column و un equal column
معرفی Column wrapping
معرفی Responsive column reset
معرفی offsetting columns
معرفی column ordering
معرفی nesting columns
استفاده از کلاس md ، sm ، xs و lg به صورت همزمان
بررسی همه موارد تدریس شده در قالب یک پروژه کوچک
فصل سوم : عناصر واکنشگرا در بوت استرپ
Typography
Headings
Body copy (کلاس lead)
Inline text elements
Alignment classes
Transformation classes
Abbreviations
Addresses
Blockquotes
Lists
Code
Tables
Forms
Buttons
Images
Helper classes
Dropdown منو ها
Button groups
Button dropdowns
Input groups
Button dropdowns
Input groups
Navs
Navbar
Breadcrumbs
Pagination
Labels
Badges
Jumbotron
Page header
Thumbnails
Alerts
Progress bars
Media object
List group
Panels
Responsive embed
فصل چهارم : جاوا اسکریپت و بوت استرپ
Modal
Dropdown
Scrollspy
Tab
Tooltip
Popover
Alert
Button
Collapse
Carousel
معرفی پلاگین bootstrap select جهت ایجاد select-box های ریسپانسیو
فصل پنجم: ترکیب بوت استرپ با چارچوب Masonry و WOW JS
ترکیب بوت استرپ با چارچوب Masonry
ترکیب بوت استرپ با WOW JS
فصل ششم: پروژه (رسپانسیو کردن سایت 5040)
بخش های رایگان این مجموعه آموزشی:
معرفی بوت استرپ و آشنایی با سر فصل ها ( بخش 1 ) دانلود مستقیم آموزش شبکه بندی (griding) در بوت استرپ ( بخش 3 ) دانلود مستقیم ادامه ی مبحث عناصر واکنشگرا در بوت استرپ ( بخش 8 ) دانلود مستقیم تعامل بوت استرپ با جاوا اسکریپت ( بخش 13 ) دانلود مستقیمبوت استرپ چیست ؟
آموزش نصب و معرفی محیط کار phpstorm
دانلود بوت استرپ
بوت استرپ RTL یا LTR ؟
راست چین کردن بوت استرپ LTR
متا تگ viewport و دلیل استفاده از آن
متاتگ X-UA-Compatible و دلیل استفاده از آن
تنظیمات سند
( معرفی بوت استرپ و آشنایی با سر فصل ها )
درک می کنید که چرا به یک وبسایت واکشنگرا نیاز داریم
با مزایای داشتن وبسایت واکنشگرا آشنا می شوید
با فریم ورک های واکنشگرای موجود اشنا می شوید
درک می کنید بوت استرپ چیست و با تاریخچه بوت استرپ آشنا می شوید
با مزایا و معایب بوت استرپ آشنا می شوید
با سرفصل های دوره ، پروژه و مینی پروژه ها آشنا می شوید
با منابع و ابزارها آشنا می شوید
و در اخر سایت های فریم ورک های رسپانسیو موجود را مشاهده خواهید کرد
( فراهم کردن مقدمات و پیکربندی بوت استرپ )
سپس نحوه نصب نرم افزار phpstorm را اموزش می بینید
روش های دانلود بوت استرپ را فرا میگیرید
یاد میگیرید چطور با نرم افزار phpstorm پروژه تعریف کنید و با استفاده از این نرم افزار بوت استرپ را دانلود می کنید
پلاگین بوت استرپ را برای نرم افزار phpstorm دانلود و نصب می کنید و طرز استفاده ی این پلاگین را اموزش میبینید
نحوه کار با پلاگین emmet را اموزش می بینید
تفاوت بوت استرپ نسخه ی rtl و ltr را درک خواهید کرد
روش های rtl کردن بوت استرپ را اموزش میبینید
و در اخر سند خود را تنظیم خواهید کرد
وضعیت دوره: تکمیل شده
تعداد قسمت ها : 23 قسمت
سطح آموزش: صفر تا صد
به همراه کدها و فایل های آموزش
پشتیبانی فنی: دارد
می توانید پس از دریافت مجموعه،مشکلات و سوالات تخصصی و فنی خود را با سازنده این مجموعه، (مهندس امیر تجاره ) در میان گذاشته و برطرف نمایید.
تعداد فصل ها: 6 فصل
مدت زمان: 16 ساعت و 9 دقیقه
افزودن پکیج به سبد خرید
جهت اطلاع از بروزرسانی این دوره آموزشی و اطلاع از بخش های جدید،ایمیل خود را وارد نمایید:
نظر/پرسش/پیشنهاد شما
در صورت تمایل به دریافت پیامک به هنگام پاسخ به سوال شما و یا به هنگام درج نظر شما در سایت، شماره همراه خود را وارد نمایید.
جهت بزرگنمایی،ماوس را روی تصویر حرکت دهید
در حال بارگزاری تصاویر...
نظرات/پرسش ها/پیشنهادات ( صفحه 2 )
R.A
میگه:
سلام استاد خسته نباشید من اموزش طراحی سایت 5040 استاد بلاغی را دارم اموزش میبینم خواستم ببین اگر فقط قسمت پروژه 5040 و تهیه کنم کافی هست یا خیر؟؟
پاسخ:
با سلام ، اگر هیچ پیش زمینه ای از بوت استرپ ندارید به هیچ عنوان توصیه نمیکنم که فقط قسمت پروژرو ببینید ، شما ابتدا یک درکی باید از بوت استرپ و دستوراتش و نحوه طراحی داشته باشید در غیر این صورت هم هزینتون از بین خواهد رفت و هم زمانی که گذاشتید، نتیجه لازم رو نخواهید گرفت
موفق باشید
حسن خورابه
میگه:
سلام مهندس شرمنده این دوره چند بخش و قسمت هستش؟و تا کی دوره تموم میشه؟
مهدی رسولی
میگه:
سلام
اگه بخوان کامل خریدلریی کنیم چی
هدیه
میگه:
استاد حل شد
مرسییییییییییی
هدیه
میگه:
سلام استاد
من فقط قسمت پروژه ها رو خریدم نمیشه
نحوه فهال سازی اینو بهم بگید من emmet فعال بود در phpstorm
???
ممنون
هدیه
میگه:
سلام خسته نباشید در قسمت 22 شما bs3nav رو زدید کل اون تگو نوشت با استفاده از خصوصیت php storm اما من ندارمش باید چیز خاصیو فعال کنم ؟؟؟
ممنون
پاسخ:
درود ، شما باید پلاگین بوت استرپ رو که برای نرم افزار phpstorm ساخته شده فعال کنید پس باید به تنظیمات نرم افزار برید و در قسمت پلاگین این پلاگین رو سرچ و فعال کنید نحوه کار هم در فیلم دوم اموزش داده شده که چطور فعال بشه
موفق باشید
هدیه
میگه:
سلام خسته نباشید
فصل آخر کلا حجمش چقدره ؟
هر قسمت ؟
ممنون
کاربر
میگه:
سلام و خسته نباشید
این آموزش، آیا بوتسترپ رو بصورت کامل تشریح میکنه و بوسیله اون میشه هر سایتی رو رسپانسیو کرد یا خیر، بصورت کامل نیست؟
خیلی ممنون
پاسخ:
درود
این اموزش به صورت کامل و به همراه پروژه بوت استرپ رو تشریح میکنه
دقیقا تمام مطالبی که خودم از بوت استرپ بلد هستم رو در فیلم اموزشی اوردم
و اگه عضو کانال ما باشید خواهید دید که چند نمونه کار انلاین به راحتی با بوت استرپی که اموزش دادم طراحی کردم
تنها نکته این هست که شما به html و css و اندکی جاوااسکریپت تسلط داشته باشید
کاوه روحی
میگه:
سلام استاد من یه قالبی دارم می خوام رسپانسیو بشه شمارتون رو برام ایمیل کنید یا ایدی تلگرام که باهاتون در ارتباط باشم تشکر .
پاسخ:
سلام در خدمتتون هستم
ایدی تلگرام amir_tj
مسعود مرادی
میگه:
این بخش روی 5040کارشده است وواکنشگرا شده است؟
پاسخ:
درود ، بله از ابتدا هدف واکنشگرا کردن سایت 5040 بوده و پروژه اصلی دوره هم واکنشگرا کردن سایت 5040 هست
علی
میگه:
سلام
کد 50 درصد تخفیف برای خرید کامل این آموزش چیست؟
به کانالتون هم مراجعه کردیم چیزی دستگیرمان نشد.
لطفا راهنمایی بفرمایید.
ممنون.
پاسخ:
درود ، لطفا از طریق پشتیبانی پیگیر بشید
میلاد
میگه:
سلام
من یه سوال داشتم
رسپانسیو کردن سایت چه فرقی با طراحی متریال داره ؟ایا جفتش یکیه؟
یا اینکه کلا فرق میکنه؟
متشکرم
پاسخ:
درود ، طراحی متریال توسط گوگل توسعه داده شده و به وسیله این زبان کاربرای شما در هر دستگاهی تجربه مشابه خواهند داشت شما اگر به بوت استرپ تسلط داشته باشید طراحی متریال هم برای شما جذاب و راحت خواهد بود
سعید حجتی زاده
میگه:
با عرض ادب آیا این دوره تکمیل شده است؟ و آیا شامل تخفیف هست؟
پاسخ:
بله دوره تکمیل شده
رضا
میگه:
سلام استاد کل آموزش چند قسمته و تا کی تکمیل میشه من لازم دارم بدونم چون باید برنامه ریزی کنم. ممنون میشم اطلاع بدین
پاسخ:
درود، دوره ی آموزش بوت استرپ به اتمام رسیده و پروژه ی اصلی دوره که واکنشگرا کردن سایت 5040 بوده انجام شده، منتها از این به بعد دوره به روزرسانی میشه، پروژه ی بعدی واکنشگرا کردن سایت اپارات هست که به زودی در سایت قرار میگیره
شما هم اکنون میتونید از اموزش بوت استرپ استفاده بکنید موفق باشید
آیناز
میگه:
سلام آقای تجاره من آموزشای aspکلیک سایت ودنبال می کنم طراحی رو آموزش دیدم فقط می خواستم ریپانسیو کردن وهم یاد بگیرم لطف کنید راهنمایی بفرمایید خیلی ممنون
پاسخ:
درود ، برای شروع لازم هست که درکی از طراحی واکنشگرا داشته باشید که از ابتدا میتونید فیلم هارو مشاهده بکنید و مطمئنا بعد از به اتمام رسوندن دوره شما میتونید طرح خودتون رو واکنشگرا بکنید
پژمان بریان پور
میگه:
سلام مهندس تجاره ایمیل کردم براتون تشکر
پژمان بریان پور
میگه:
سلام مجدد ..مهندس امکانش هست ایمیلتون رو به من اس ام اس کنید؟ پروژه رو بفرستم براتون؟...درباره هزینه هم صحبت کنیم؟
پاسخ:
خواهش میکنم ، daneshnavard@gmail.com
پژمان بریان پور
میگه:
سلام مهندس جان کل پروژه با دیتابیس رو بفرستم یا فقط فایل هایی که صفحه اول رو تشکیل میدن؟؟ درصورت ریسپانسیو کردن صفحه اول بقیه صفحات اتوماتیک ریسپانسیو میشه؟ ببخشید مزاح شدم مهندس جان
پاسخ:
درود ، کل پروژتون رو بفرستید نگاه کنم ببینم چه کاری انجام دادید
در صورت رسپانسیو کردن صفحه اول بقیه صفحات ریسپانسیو نمیشه
خواهش میکنم مراحمید
پژمان بریان پور
میگه:
سلام مهندس عزیز خسته نباشید..سوالی داشتم من اموزش های شما رو دانلود کردم همونطور که قبلا گفتم سایتم رو درحدود 90 درصد درست کردم..الان هرکاری می کنم ریسپانسو نمیشه فقط خط بالا میشه..بریدم..میخواستم بپزسم ایا برای شما امکانش هست سایتموریسپانسو کنید؟..هزینش هم متقبل میشم
پاسخ:
درود ، سپاسگزارم ، شما هم خسته نباشید دوست عزیز ، فایلهاتون رو آپلود کنید لینکشو در قسمت رفع اشکال بفرستید حتما نگاه میکنم
مهدی
میگه:
سلام ببخشید آقای تجاره پارت 6 و قسمت 22 کامل دانلود میشه ولی هنگام لود فیلمش error میده میشه اصلاح کنید؟
پاسخ:
درود ، به روی چشم ، فایل دوباره داره آپلود میشه
مهدی
میگه:
با سلام خدمت استاد گرامی؟
من دوتا سوال دارم ؟
من سایت طراحی کردم با php و ویرایشگر دریمیور میخاستم چطور حالا ریسپانسیوش کنم؟
بعدی هم اینکه با bootsratp میشه دستورت سمت سرور مثل php نوشت و با دیتابیس ارتباط برقرار کرد؟؟
پاسخ:
پاسخ سوال اول : برای راحتی کار پیشنهاد میشه از ابتدا با بوت استرپ طراحی بکنید منتها اگر به این شکل می خواید سایتتون رو واکنشگرا بکنید باید تسلط کافی روی طرحتون و بوت استرپ داشته باشید ، طبق اموزش ها جلو برید متوجه میشید که چطور طرحتون رو اصلاح کنید
پاسخ سوال دوم : بوت استرپ یک فریم ورک مبتنی بر html ، css و javascript هست و برای واکنشگرا کردن ظاهر سایتتون هست تا سایت شما در مرورگرها و ابزارهای مختلف به درستی نمایش داده بشه پس طبیعتا نمیشه باهاش با دیتابیس ارتباط برقرار کرد
پژمان بریان پور
میگه:
باسلام خدمت مهندس تجاره عزیز..خسته نباشید ببخشید مهندس جان اون قسمت دوم از فصل 6 که ریسپانسو کردن سایت 5040 هستش رو که بر روی سایت قرار میدید؟...چون مهندس بلاغی سایت 5040 رو اموزش دادن ما میخوایم از روی اموزش بی نظیر شما سایتمون رو ریسپانسیو کنیم...تشکر از زحمات شما
پاسخ:
درود با تشکر که با کلیک سایت همراه هستید، اخرین قسمت این دوره همین یکشنبه بر روی سایت قرار داده میشه
امید
میگه:
سلام و خسته نباشید بنده می خواستم این دوره آموزشی را خریداری کنم اما به صورت کامل لطف می کنید بگید تا کی این مجموعه کامل می شود برای فروش.
پاسخ:
درود، ممنون که با کلیک سایت همراه هستید، اخرین قسمت این دوره همین یکشنبه قرار داده میشه
محمدحسین
میگه:
جناب مهندس تجاره عزیز خواهشا ادامه آموزشت رو ضبط کن ما منتظریم مشتاقانه
محمدحسین
میگه:
استاد عزیز میتونم دوره های شما را با استفاده از نرم افزار دریم ویور کار کنم. چون من آموزش طراحی سایت با php آقای بلاغی رو نگاه می کنم و با ایشون پیش برم گفتم سوالی در رابطه با این بپرسم.ممنون
پاسخ:
درود، بله میتونید با نرم افزار دریم ویور کار کنید مشکلی پیش نمیاد
ممنون که با کلیک سایت همراه هستید